<template>
	<div class="col-sm-{{cover}} item">
		<div class="filter-content">
			<slot name="image"></slot>
			<div class="hover-content">
				<slot></slot>
			</div>
		</div>
	</div>
</template>
<style>
	.filter-content {
		margin-bottom: 25px;
	}
</style>
<script>
	export default {
    props: {		
			cover: {type:String,default:3}
		}
	}
</script>